<ion-header>
  <ion-navbar no-border-bottom>
    <ion-title>预警消息列表</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <!--<ion-list *ngIf="returnData">
    <ion-item class="selectRule">
      <ion-select [(ngModel)]="selectRule" okText="完成" cancelText="取消" (ionChange)="selectRuleChange()">
        <ion-option *ngFor="let rule of returnData.rule" value="{{rule}}">{{rule}}</ion-option>
      </ion-select>
    </ion-item>
  </ion-list>-->
  <ion-list *ngIf="returnData">
    <div *ngFor="let rule of returnData.rule">
      <ion-item (click)="viewDetail(rule)">
        <ion-row>
          <ion-col col-11>
            <span class="ruleNameSpan">{{rule}}(共 {{returnData.data[rule].length}} 条)</span>
          </ion-col>
          <ion-col col-1 class="rightIcon">
            <ion-icon name="arrow-forward"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-item>
    </div>
  </ion-list>
</ion-content>
